html,
body {
    width     : 100%;
    height    : 100%;
    background: #ffffff;
}

a:focus {
    text-decoration: none
}

.pr {
    position: relative !important
}

.pa {
    position: absolute !important
}

.ft14 {
    font-size: 14px !important;
}

.ft16 {
    font-size: 16px !important;
}

.ft18 {
    font-size: 18px !important;
}

.ft20 {
    font-size: 20px !important;
}

.ft22 {
    font-size: 22px !important;
}

.ft24 {
    font-size: 24px !important;
}

.ft28 {
    font-size: 28px !important;
}

.ft32 {
    font-size: 32px !important;
}

.ft34 {
    font-size: 34px !important;
}

.ft38 {
    font-size: 38px !important;
}

.cb {
    color: #4285f4 !important;
}

.c8 {
    color: #8192ad !important;
}

.flex {
    display: flex;
}

.clear::after {
    content: '';
    display: block;
    clear  : both;
    height : 0;
}

.clear {
    zoom: 1;
}

.l {
    float: left;
}

.r {
    float: right;
}

* {
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
}

::-webkit-scrollbar {
    width : 8px;
    height: 13px;

}

::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    background   : #000;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background   : #F4429F;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}


/*ff*/
* {
    scrollbar-width: 5px;
    scrollbar-color: #f4429F #000;
}

#header {
    position        : fixed;
    left            : 0;
    right           : 0;
    top             : 0;
    z-index         : 999;
    background-color: rgba(245, 240, 240, 0.9);
    box-shadow      : 0px 2px 4px #999;
    border-bottom   : 0px solid #666;
    border-top      : 5px solid #F4429F;
}

#header .header-box {
    width : 98%;
    margin: 0 auto;
}

#header .header-box .logo {
    margin-bottom: 5px;
    padding-top  : 9px;
}

#header .menu {
    margin-top: 5px;
}

#header .menu li {
    float: left;

}

#header .menu li a {
    display        : block;
    color          : #333;
    text-align     : center;
    padding        : 14px 10px;
    text-decoration: none;
    font-weight    : 500;
    font-size      : 16px;
}

#header .language {
    padding        : 14px 10px;
    text-decoration: none;
    font-weight    : 500;
    color          : #333;
    font-size      : 16px;
}

#header .menu li a:hover,
#header .language:hover,
#header .menu li.current a {
    color     : #F4429F;
    transition: all 0.3s;
}

#footer {
    background-color: #051c2c;
    padding         : 3% 0 1%;
}

#footer .footer-warp {
    width : 96%;
    margin: 0 auto;
}

#footer .footer-warp .left {
    float: left;
    width: 45%;
}

#footer .footer-warp .left dl {
    margin-right: 13%;
    float       : left;
}

#footer .footer-warp .left dt {
    color        : #fff;
    font-size    : 20px;
    font-weight  : 700;
    line-height  : 24px;
    margin-bottom: 15%;
}

#footer .footer-warp .left dd {
    padding-bottom: 10%;
}


#footer .footer-warp .left dd a {
    color    : #ccc;
    font-size: 16px;
}

#footer .footer-warp .left dd a:hover {
    color     : #fff;
    transition: all .3s;
}

#footer .footer-warp .right {
    width     : 45%;
    float     : right;
    text-align: right;
}

#footer .footer-warp .right .icon {
    text-align    : right;
    padding-bottom: 10px;
}

#footer .footer-warp .right .icon a {
    padding-left: 10px;
}

#footer .footer-warp .right .tel {
    line-height: 22px;
    color      : #F4429F;
    font-size  : 18px;
    font-weight: bold;
}

#footer .footer-warp .right .email {
    font-size  : 16px;
    color      : #ccc;
    padding-top: 10px;
    display    : inline-block;
}

#footer .footer-warp .right .tel:hover,
#footer .footer-warp .right .email:hover {
    text-decoration: underline;
    transition     : all .3s;
}

#footer .footer-warp .right .line {
    text-align    : right;
    vertical-align: middle;
    padding-top   : 25px;
}

#footer .footer-warp .right .line span {
    font-size: 16px;
    color    : #ccc;
}


#footer .footer-warp .right .line img {
    width         : 15%;
    vertical-align: middle;
}

#footer .footer-warp .copy {
    text-align    : center;
    color         : #bbb;
    font-size     : 14px;
    padding-bottom: 1%;
    padding-top   : 3%;
    font-weight   : 400;
}

.scrollup {
    width   : 40px;
    height  : 40px;
    opacity : 0.8;
    position: fixed;
    bottom  : 10px;
    right   : 0;
    display : block;
    z-index : 9999;
}

.page-banner {
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : cover;
    max-width          : 100%;
    max-height         : 65vh;
    height             : 800px;
    width              : 100%;
    display            : flex;
    align-items        : center;
    justify-content    : center;
}

.page-banner h2 {
    font-size  : 45px;
    font-weight: 700;
    color      : #fff;
    width      : 60%;
    margin     : 0 auto;
    text-align : center;
}